<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>Awesome UI</title>

    <link href="../css/bootstrap.min.css" rel="stylesheet">
    <link href="../css/theme.css" rel="stylesheet">
    <link href="../css/animate.min.css" rel="stylesheet">
    <link href="../../themes/font-awesome.min.css" rel="stylesheet">
    <link href="../css/plugins/panel.css" rel="stylesheet"/>
    <link href="../css/plugins/form.css" rel="stylesheet"/>

    <!--[if lt IE 9]>
    <script src="../js/html5shiv.min.js"></script>
    <script src="../js/respond.min.js"></script>
    <![endif]-->
</head>
<body class="dashboard-page sb-l-o sb-r-c onload-check">
	<!-- Start: Header -->
    <?php include 'common_header.php';?>
    <!-- End: Header -->
    
    <!-- Start: Header -->
    <?php include 'common_sidebar.php';?>
    <!-- End: Header -->
    
    <!-- Start: Content-Wrapper -->
    <section id="content_wrapper">
        <!-- Begin: Content -->
        <section id="content" class="animated fadeIn">
            
            <h1>Forms 表单</h1>
            
            <div class="row center-block mt10">
                <div class="col-md-6">
                    <div class="as-panel">
                        <div class="as-panel-header">
                            <div class="as-panel-title">基本实例</div>
                        </div>
                        <div class="as-panel-body">
                            <form>
                                <div class="as-form-group">
                                    <label class="col-md-3 as-control-label">Static Field</label>
                                    <div class="col-md-9">
                                        <div style="position: relative">
                                            <p class="as-form-control-static text-muted">email@example.com</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="as-form-group">
                                    <label class="col-md-3 as-control-label">Standard</label>
                                    <div class="col-md-9">
                                        <div style="position: relative">
                                            <input type="text" class="as-form-control" />
                                        </div>
                                    </div>
                                </div>
                                <div class="as-form-group">
                                    <label class="col-md-3 as-control-label">下拉菜单</label>
                                    <div class="col-md-9">
                                        <div style="position: relative">
                                            <select class="as-form-control">
                                                <option>Option 1</option>
                                                <option>Option 2</option>
                                                <option>Option 3</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="as-form-group">
                                    <label class="col-md-3 as-control-label">Disabled</label>
                                    <div class="col-md-9">
                                        <div style="position: relative">
                                            <input type="text" class="as-form-control" disabled/>
                                        </div>
                                    </div>
                                </div>
                                <div class="as-form-group">
                                    <label class="col-md-3 as-control-label">Text Area Expand</label>
                                    <div class="col-md-9">
                                        <div style="position: relative">
                                            <input type="text" class="as-form-control" />
                                        </div>
                                    </div>
                                </div>
                                <div class="as-form-group">
                                    <label class="col-md-3 as-control-label">Text Area</label>
                                    <div class="col-md-9">
                                        <div style="position: relative">
                                            <textarea class="as-form-control" rows="3"></textarea>
                                        </div>
                                    </div>
                                </div>
                                <div class="as-form-group">
                                    <label class="col-md-3 as-control-label">Text Area Disabled</label>
                                    <div class="col-md-9">
                                        <div style="position: relative">
                                            <textarea class="as-form-control" rows="3" disabled></textarea>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>

                    <div class="as-panel">
                        <div class="as-panel-header">
                            <div class="as-panel-title">校验状态</div>
                        </div>
                        <div class="as-panel-body">
                            <form role="form">
                                <div class="as-form-group has-primary">
                                    <label class="col-lg-3 as-control-label" for="inputPrimary">基本 Input</label>
                                    <div class="col-lg-9">
                                        <span class="as-append-icon right">
                                            <i class="fa fa-gear"></i>
                                        </span>
                                        <input type="text" class="as-form-control" id="inputPrimary">
                                    </div>
                                </div>
                                <div class="as-form-group has-success">
                                    <label class="col-lg-3 as-control-label" for="inputSuccess">成功 Input</label>
                                    <div class="col-lg-9">
                                        <span class="as-append-icon right">
                                            <i class="fa fa-check"></i>
                                        </span>
                                        <input type="text" class="as-form-control" id="inputSuccess">
                                    </div>
                                </div>
                                <div class="as-form-group has-info">
                                    <label class="col-lg-3 as-control-label" for="inputInfo">提示 Input</label>
                                    <div class="col-lg-9">
                                        <span class="as-append-icon right">
                                            <i class="fa fa-exclamation-circle"></i>
                                        </span>
                                        <input type="text" class="as-form-control" id="inputInfo">
                                    </div>
                                </div>
                                <div class="as-form-group has-warning">
                                    <label class="col-lg-3 as-control-label" for="inputWarning">警告 Input</label>
                                    <div class="col-lg-9">
                                        <span class="as-append-icon right">
                                            <i class="fa fa-exclamation-triangle"></i>
                                        </span>
                                        <input type="text" class="as-form-control" id="inputWarning">
                                    </div>
                                </div>
                                <div class="as-form-group has-error">
                                    <label class="col-lg-3 as-control-label" for="inputError">错误 Field</label>
                                    <div class="col-lg-9">
                                        <span class="as-append-icon right">
                                            <i class="fa fa-remove"></i>
                                        </span>
                                        <input type="text" class="as-form-control" id="inputError">
                                    </div>
                                </div>
                                <div class="as-form-group has-alert">
                                    <label class="col-lg-3 as-control-label" for="inputAlert">警示 Field</label>
                                    <div class="col-lg-9">
                                        <span class="as-append-icon right">
                                            <i class="fa fa-flag"></i>
                                        </span>
                                        <input type="text" class="as-form-control" id="inputAlert">
                                    </div>
                                </div>
                                <div class="as-form-group has-system">
                                    <label class="col-lg-3 as-control-label" for="inputSystem">系统消息 Input</label>
                                    <div class="col-lg-9">
                                        <span class="as-append-icon right">
                                            <i class="fa fa-bell"></i>
                                        </span>
                                        <input type="text" class="as-form-control" id="inputSystem">
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                    <div class="as-panel">
                        <div class="as-panel-header">
                            <div class="as-panel-title">简易图标</div>
                        </div>
                        <div class="as-panel-body">123</div>
                    </div>
                    <div class="as-panel">
                        <div class="as-panel-header">
                            <div class="as-panel-title">样式类</div>
                        </div>
                        <div class="as-panel-body">123</div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="as-panel">
                        <div class="as-panel-header">
                            <div class="as-panel-title">默认 Checkboxes/Radios</div>
                        </div>
                        <div class="as-panel-body">
                            <form>
                                <div class="as-form-group">
                                    <label class="col-md-3 as-control-label">Radios</label>
                                    <div class="col-md-9">
                                        <div style="position: relative">
                                            <label class="as-radio-inline mr10">
                                                <input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1">1
                                            </label>
                                            <label class="as-radio-inline mr10">
                                                <input type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2">2
                                            </label>
                                            <label class="as-radio-inline mr10">
                                                <input type="radio" name="inlineRadioOptions" id="inlineRadio3" value="option3">3
                                            </label>
                                            <label class="as-radio-inline mr10">
                                                <input type="radio" name="inlineRadioOptions" id="inlineRadio4" value="option4">4
                                            </label>
                                            <label class="as-radio-inline mr10">
                                                <input type="radio" name="inlineRadioOptions" id="inlineRadio5" value="option5">5
                                            </label>
                                        </div>
                                    </div>
                                </div>
                                <div class="as-form-group">
                                    <label class="col-md-3 as-control-label">Checkboxes</label>
                                    <div class="col-md-9">
                                        <div style="position: relative">
                                            <label class="as-checkbox-inline mr10">
                                                <input type="checkbox" id="inlineCheckbox1" value="option1">1
                                            </label>
                                            <label class="as-checkbox-inline mr10">
                                                <input type="checkbox" id="inlineCheckbox2" value="option2">2
                                            </label>
                                            <label class="as-checkbox-inline mr10">
                                                <input type="checkbox" id="inlineCheckbox3" value="option3">3
                                            </label>
                                            <label class="as-checkbox-inline mr10">
                                                <input type="checkbox" id="inlineCheckbox4" value="option4">4
                                            </label>
                                            <label class="as-checkbox-inline mr10">
                                                <input type="checkbox" id="inlineCheckbox5" value="option5">5
                                            </label>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                    <div class="as-panel">
                        <div class="as-panel-header">
                            <div class="as-panel-title">自定义Checkboxes</div>
                        </div>
                        <div class="as-panel-body" style="border-bottom: 1px solid #e2e2e2">
                            <div class="row">
                                <div class="col-md-6">
                                    <form>
                                        <div class="as-form-group">
                                            <div class="col-sm-12 pl15">
                                                <div style="position: relative">
                                                    <div class="as-checkbox-custom checkbox-disabled mb10">
                                                        <input type="checkbox" checked="" disabled="" id="checkboxDefault1">
                                                        <label for="checkboxDefault1">Checked &amp; Disabled</label>
                                                    </div>
                                                </div>
                                                <div style="position: relative">
                                                    <div class="as-checkbox-custom checkbox-disabled">
                                                        <input type="checkbox" disabled="" id="checkboxDefault2">
                                                        <label for="checkboxExample2">Disabled</label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                                <div class="col-md-6">
                                    <form>
                                        <div class="as-form-group">
                                            <div class="col-sm-12 pl15">
                                                <div style="position: relative;">
                                                    <div class="as-checkbox-custom fill checkbox-disabled mb10">
                                                        <input type="checkbox" checked="" disabled="" id="checkboxDefault11">
                                                        <label for="checkboxDefault11">Checked &amp; Disabled</label>
                                                    </div>
                                                </div>
                                                <div style="position: relative;">
                                                    <div class="as-checkbox-custom fill checkbox-disabled">
                                                        <input type="checkbox" disabled="" id="checkboxDefault12">
                                                        <label for="checkboxExample12">Disabled</label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                        <div class="as-panel-body pl30 pb5">
                            <div class="row">
                                <div class="col-md-6">
                                    <form>
                                        <label class="as-control-label mb15">Checkboxes</label>
                                        <div class="as-form-group">
                                            <div class="col-sm-12 pl15">
                                                <div style="position: relative">
                                                    <div class="as-checkbox-custom mb5">
                                                        <input type="checkbox" checked="true" id="checkboxDefault3">
                                                        <label for="checkboxDefault3">Default</label>
                                                    </div>
                                                </div>
                                                <div style="position: relative">
                                                    <div class="as-checkbox-custom checkbox-primary mb5">
                                                        <input type="checkbox" checked="" id="checkboxExample4">
                                                        <label for="checkboxExample4">Primary</label>
                                                    </div>
                                                </div>
                                                <div style="position: relative">
                                                    <div class="as-checkbox-custom checkbox-success mb5">
                                                        <input type="checkbox" checked="" id="checkboxExample5">
                                                        <label for="checkboxExample5">Success</label>
                                                    </div>
                                                </div>
                                                <div style="position: relative">
                                                    <div class="as-checkbox-custom checkbox-info mb5">
                                                        <input type="checkbox" checked="" id="checkboxExample6">
                                                        <label for="checkboxExample6">Info</label>
                                                    </div>
                                                </div>
                                                <div style="position: relative">
                                                    <div class="as-checkbox-custom checkbox-warning mb5">
                                                        <input type="checkbox" checked="" id="checkboxExample7">
                                                        <label for="checkboxExample7">Warning</label>
                                                    </div>
                                                </div>
                                                <div style="position: relative">
                                                    <div class="as-checkbox-custom checkbox-danger mb5">
                                                        <input type="checkbox" checked="" id="checkboxExample8">
                                                        <label for="checkboxExample8">Danger</label>
                                                    </div>
                                                </div>
                                                <div style="position: relative">
                                                    <div class="as-checkbox-custom checkbox-alert mb5">
                                                        <input type="checkbox" checked="" id="checkboxExample9">
                                                        <label for="checkboxExample9">Alert</label>
                                                    </div>
                                                </div>
                                                <div style="position: relative">
                                                    <div class="as-checkbox-custom checkbox-system mb5">
                                                        <input type="checkbox" checked="" id="checkboxExample10">
                                                        <label for="checkboxExample10">System</label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                                <div class="col-md-6">
                                    <form>
                                        <label class="as-control-label mb15">Checkboxes</label>
                                        <div class="as-form-group">
                                            <div class="col-sm-12 pl15">
                                                <div style="position: relative;">
                                                    <div class="as-checkbox-custom fill mb5">
                                                        <input type="checkbox" checked="" id="checkboxDefault13">
                                                        <label for="checkboxDefault13">Default</label>
                                                    </div>
                                                </div>
                                                <div style="position: relative;">
                                                    <div class="as-checkbox-custom fill checkbox-primary mb5">
                                                        <input type="checkbox" checked="" id="checkboxExample14">
                                                        <label for="checkboxExample14">Primary</label>
                                                    </div>
                                                </div>
                                                <div style="position: relative;">
                                                    <div class="as-checkbox-custom fill checkbox-success mb5">
                                                        <input type="checkbox" checked="" id="checkboxExample15">
                                                        <label for="checkboxExample15">Success</label>
                                                    </div>
                                                </div>
                                                <div style="position: relative;">
                                                    <div class="as-checkbox-custom fill checkbox-info mb5">
                                                        <input type="checkbox" checked="" id="checkboxExample16">
                                                        <label for="checkboxExample16">Info</label>
                                                    </div>
                                                </div>
                                                <div style="position: relative;">
                                                    <div class="as-checkbox-custom fill checkbox-warning mb5">
                                                        <input type="checkbox" checked="" id="checkboxExample17">
                                                        <label for="checkboxExample17">Warning</label>
                                                    </div>
                                                </div>
                                                <div style="position: relative;">
                                                    <div class="as-checkbox-custom fill checkbox-danger mb5">
                                                        <input type="checkbox" checked="" id="checkboxExample18">
                                                        <label for="checkboxExample18">Danger</label>
                                                    </div>
                                                </div>
                                                <div style="position: relative;">
                                                    <div class="as-checkbox-custom fill checkbox-alert mb5">
                                                        <input type="checkbox" checked="" id="checkboxExample19">
                                                        <label for="checkboxExample19">Alert</label>
                                                    </div>
                                                </div>
                                                <div style="position: relative;">
                                                    <div class="as-checkbox-custom fill checkbox-system mb5">
                                                        <input type="checkbox" checked="" id="checkboxExample20">
                                                        <label for="checkboxExample20">System</label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="as-panel">
                        <div class="as-panel-header">
                            <div class="as-panel-title">自定义Radios</div>
                        </div>
                        <div class="as-panel-body" style="border-bottom: 1px solid #e2e2e2">
                            <div class="row">
                                <div class="col-md-6">
                                    <form>
                                        <div class="as-form-group">
                                            <div class="col-sm-12 pl15">
                                                <div style="position: relative">
                                                    <div class="as-radio-custom radio-disabled mb10">
                                                        <input type="radio" id="radioExample1" name="radioExample" disabled="" checked="">
                                                        <label for="radioExample1">Checked &amp; Disabled</label>
                                                    </div>
                                                </div>
                                                <div style="position: relative">
                                                    <div class="as-radio-custom radio-disabled">
                                                        <input type="radio" id="radioExample2" name="radioExample" disabled="">
                                                        <label for="radioExample2">Disabled</label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                                <div class="col-md-6">
                                    <form>
                                        <div class="as-form-group">
                                            <div class="col-sm-12 pl15">
                                                <div style="position: relative">
                                                    <div class="as-radio-custom square radio-disabled mb10">
                                                        <input type="radio" id="radioExample11" name="radioExample" disabled="" checked="">
                                                        <label for="radioExample11">Checked &amp; Disabled</label>
                                                    </div>
                                                </div>
                                                <div style="position: relative">
                                                    <div class="as-radio-custom square radio-disabled">
                                                        <input type="radio" id="radioExample12" name="radioExample" disabled="">
                                                        <label for="radioExample12">Disabled</label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                        <div class="as-panel-body pl30 pb5">
                            <div class="row">
                                <div class="col-sm-6">
                                    <form>
                                        <label class="as-control-label mb15" >Radios</label>
                                        <div class="as-form-group">
                                            <div class="col-sm-12 pl15">
                                                <div style="position: relative">
                                                    <div class="as-radio-custom mb5">
                                                        <input type="radio" id="radioExample3" name="radioExample">
                                                        <label for="radioExample3">Default</label>
                                                    </div>
                                                </div>
                                                <div style="position: relative">
                                                    <div class="as-radio-custom radio-primary mb5">
                                                        <input type="radio" id="radioExample4" name="radioExample">
                                                        <label for="radioExample4">Primary</label>
                                                    </div>
                                                </div>
                                                <div style="position: relative">
                                                    <div class="as-radio-custom radio-success mb5">
                                                        <input type="radio" id="radioExample5" name="radioExample">
                                                        <label for="radioExample5">Success</label>
                                                    </div>
                                                </div>
                                                <div style="position: relative">
                                                    <div class="as-radio-custom radio-info mb5">
                                                        <input type="radio" id="radioExample6" name="radioExample">
                                                        <label for="radioExample6">Info</label>
                                                    </div>
                                                </div>
                                                <div style="position: relative">
                                                    <div class="as-radio-custom radio-warning mb5">
                                                        <input type="radio" id="radioExample7" name="radioExample">
                                                        <label for="radioExample7">Warning</label>
                                                    </div>
                                                </div>
                                                <div style="position: relative">
                                                    <div class="as-radio-custom radio-danger mb5">
                                                        <input type="radio" id="radioExample8" name="radioExample">
                                                        <label for="radioExample8">Danger</label>
                                                    </div>
                                                </div>
                                                <div style="position: relative">
                                                    <div class="as-radio-custom radio-alert mb5">
                                                        <input type="radio" id="radioExample9" name="radioExample">
                                                        <label for="radioExample9">Alert</label>
                                                    </div>
                                                </div>
                                                <div style="position: relative">
                                                    <div class="as-radio-custom radio-system mb5">
                                                        <input type="radio" id="radioExample10" name="radioExample">
                                                        <label for="radioExample10">System</label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                                <div class="col-sm-6">
                                    <form>
                                        <label class="as-control-label mb15">Alt Radios</label>
                                        <div class="as-form-group">
                                            <div class="col-sm-12 pl15">
                                                <div style="position: relative">
                                                    <div class="as-radio-custom square mb5">
                                                        <input type="radio" id="radioExample13" name="radioExample">
                                                        <label for="radioExample13">Default</label>
                                                    </div>
                                                </div>
                                                <div style="position: relative">
                                                    <div class="as-radio-custom square radio-primary mb5">
                                                        <input type="radio" id="radioExample14" name="radioExample">
                                                        <label for="radioExample14">Primary</label>
                                                    </div>
                                                </div>
                                                <div style="position: relative">
                                                    <div class="as-radio-custom square radio-success mb5">
                                                        <input type="radio" id="radioExample15" name="radioExample">
                                                        <label for="radioExample15">Success</label>
                                                    </div>
                                                </div>
                                                <div style="position: relative">
                                                    <div class="as-radio-custom square radio-info mb5">
                                                        <input type="radio" id="radioExample16" name="radioExample">
                                                        <label for="radioExample16">Info</label>
                                                    </div>
                                                </div>
                                                <div style="position: relative">
                                                    <div class="as-radio-custom square radio-warning mb5">
                                                        <input type="radio" id="radioExample17" name="radioExample">
                                                        <label for="radioExample17">Warning</label>
                                                    </div>
                                                </div>
                                                <div style="position: relative">
                                                    <div class="as-radio-custom square radio-danger mb5">
                                                        <input type="radio" id="radioExample18" name="radioExample">
                                                        <label for="radioExample18">Danger</label>
                                                    </div>
                                                </div>
                                                <div style="position: relative">
                                                    <div class="as-radio-custom square radio-alert mb5">
                                                        <input type="radio" id="radioExample19" name="radioExample">
                                                        <label for="radioExample19">Alert</label>
                                                    </div>
                                                </div>
                                                <div style="position: relative">
                                                    <div class="as-radio-custom square radio-system mb5">
                                                        <input type="radio" id="radioExample20" name="radioExample">
                                                        <label for="radioExample20">System</label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="as-panel">
                        <div class="as-panel-header">
                            <div class="as-panel-title">自定义开关</div>
                        </div>
                        <div class="as-panel-body">
                            <form>
                                <div class="as-form-group">
                                    <label class="col-md-3 as-control-label">Switches</label>
                                    <div class="col-md=9">
                                        <div style="position: relative">
                                            <div class="as-switch switch-info switch-inline">
                                                <input id="exampleCheckboxSwitch1" type="checkbox" checked="">
                                                <label for="exampleCheckboxSwitch1"></label>
                                            </div>
                                            <div class="as-switch switch-primary switch-inline">
                                                <input id="exampleCheckboxSwitch2" type="checkbox" checked="">
                                                <label for="exampleCheckboxSwitch2"></label>
                                            </div>
                                            <div class="as-switch switch-warning switch-inline">
                                                <input id="exampleCheckboxSwitch3" type="checkbox" checked="">
                                                <label for="exampleCheckboxSwitch3"></label>
                                            </div>
                                            <div class="as-switch switch-alert switch-inline">
                                                <input id="exampleCheckboxSwitch4" type="checkbox" checked="">
                                                <label for="exampleCheckboxSwitch4"></label>
                                            </div>
                                            <div class="as-switch switch-success switch-inline">
                                                <input id="exampleCheckboxSwitch5" type="checkbox" checked="">
                                                <label for="exampleCheckboxSwitch5"></label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="as-form-group">
                                    <label class="col-sm-3 as-control-label">Round Switches</label>
                                    <div class="col-sm-9">
                                        <div style="position: relative">
                                            <div class="as-switch switch-info round switch-inline">
                                                <input id="exampleCheckboxSwitch6" type="checkbox" checked="">
                                                <label for="exampleCheckboxSwitch6"></label>
                                            </div>
                                            <div class="as-switch switch-primary round switch-inline">
                                                <input id="exampleCheckboxSwitch7" type="checkbox" checked="">
                                                <label for="exampleCheckboxSwitch7"></label>
                                            </div>
                                            <div class="as-switch switch-warning round switch-inline">
                                                <input id="exampleCheckboxSwitch8" type="checkbox" checked="">
                                                <label for="exampleCheckboxSwitch8"></label>
                                            </div>
                                            <div class="as-switch switch-alert round switch-inline">
                                                <input id="exampleCheckboxSwitch9" type="checkbox" checked="">
                                                <label for="exampleCheckboxSwitch9"></label>
                                            </div>
                                            <div class="as-switch switch-success round switch-inline">
                                                <input id="exampleCheckboxSwitch10" type="checkbox" checked="">
                                                <label for="exampleCheckboxSwitch10"></label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="as-form-group">
                                    <label class="col-sm-3 as-control-label">Radio Switches</label>
                                    <div class="col-sm-9">
                                        <div style="position: relative">
                                            <div class="as-switch switch-info switch-inline">
                                                <input id="exampleRadioSwitch11" type="radio" name="testGroup" checked="">
                                                <label for="exampleRadioSwitch11"></label>
                                            </div>
                                            <div class="as-switch switch-primary switch-inline">
                                                <input id="exampleRadioSwitch12" type="radio" name="testGroup">
                                                <label for="exampleRadioSwitch12"></label>
                                            </div>
                                            <div class="as-switch switch-warning switch-inline">
                                                <input id="exampleRadioSwitch13" type="radio" name="testGroup">
                                                <label for="exampleRadioSwitch13"></label>
                                            </div>
                                            <div class="as-switch switch-alert switch-inline">
                                                <input id="exampleRadioSwitch14" type="radio" name="testGroup">
                                                <label for="exampleRadioSwitch14"></label>
                                            </div>
                                            <div class="as-switch switch-success switch-inline">
                                                <input id="exampleRadioSwitch15" type="radio" name="testGroup">
                                                <label for="exampleRadioSwitch15"></label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="as-form-group">
                                    <label class="col-sm-3 as-control-label">Sizes</label>
                                    <div class="col-sm-9">
                                        <div style="position: relative">
                                            <!-- Switch Size - LG -->
                                            <div class="as-switch switch-info switch-lg switch-inline">
                                                <input id="exampleRadioSwitch16" type="radio" name="testGroup2" checked="">
                                                <label for="exampleRadioSwitch16"></label>
                                            </div>

                                            <!-- Switch Size - Default -->
                                            <div class="as-switch switch-primary switch-inline">
                                                <input id="exampleRadioSwitch17" type="radio" name="testGroup2">
                                                <label for="exampleRadioSwitch17"></label>
                                            </div>

                                            <!-- Switch Size - SM -->
                                            <div class="as-switch switch-warning switch-sm switch-inline">
                                                <input id="exampleRadioSwitch18" type="radio" name="testGroup2">
                                                <label for="exampleRadioSwitch18"></label>
                                            </div>

                                            <!-- Switch Size - XS -->
                                            <div class="as-switch switch-alert switch-xs switch-inline">
                                                <input id="exampleRadioSwitch19" type="radio" name="testGroup2">
                                                <label for="exampleRadioSwitch19"></label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                    <div class="as-panel">
                        <div class="as-panel-header">
                            <div class="as-panel-title">提示信息</div>
                        </div>
                        <div class="as-panel-body">123</div>
                    </div>
                </div>
            </div>
        </section>
        <!-- End: Content -->
    </section>
    
    
	<script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
	<script src="../js/bootstrap.min.js"></script>
    <script src="../js/admin.js"></script>

    <script>
        $(function(){
            Admin.init();
            
            $('#ico-search').click(function(){
                $('#input-search').toggle('fast');
            });
        });

    </script>
</body>
</html>